<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>   
        .red{ 
        position:absolute;
        padding-right: 277px;
        padding-bottom: 103px;
        left: 40px;
        background-color: red;
       }
      div.green{
        position:absolute;
        background-color: green;
      }
      div.green .g1{
        position:absolute;
        background-color: greenyellow;
        left: 320px;
        top:57px;
        padding-right: 679px;
        padding-bottom: 46px;
      }
      div.green .g2{
        position:absolute;
        background-color: greenyellow;
        left:860px;
        padding-bottom: 49px;
        padding-right: 137px;
      }
      .yellow{
        position:absolute;
        background-color: yellow;
        left: 40px;
        top:120px;
        padding-right: 310px;
        padding-bottom: 435px;

      }
    .b1{
        position:absolute;
        background-color: #2894ff;
        left:360px;
        top:120px;
        padding-right: 450px;
        padding-bottom: 240px;

    }
    .b2{
        display: block;
        position:absolute;
        background-color: #2894ff;
        left:360px;
        top:370px;
        padding-right: 450px;
        padding-bottom: 110px;

    }
    .b3{
        display: block;
        position:absolute;
        background-color: #2894ff;
        left:360px;
        top:490px;
        padding-right: 450px;
        padding-bottom: 30px;

    }
   .Green{
       display: block;
        position:absolute;
        background-color: green;
        left:360px;
        top:530px;
        padding-right: 650px;
        padding-bottom: 25px;
   }
   .Blue{
    position:absolute;
    left: 40px;
    top:568px;
    background-color: blue;
    padding-right: 970px;
    padding-bottom: 35px;
   }
   .pink{
    position:absolute;
    left:820px;
    top:113px;
    background-color: pink;
    padding-right: 190px;
    padding-bottom: 400px;
   }
        </style>
</head>
<body>
    <div class="red"></div>
    <div class="green">
        <div class="g1"></div>
        <div class="g2"></div>
    </div>
    <div class="yellow"></div>
    <div class="blue1">
        <div class="b1"></div>
        <div class="b2"></div>
        <div class="b3"></div>
        <div class="Green"></div>
    </div>
    <div class="Blue"></div>
    <div class="pink"></div>
</body>
</html>